<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="../css/slidebar.css">
	<meta id="viewport" name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no">
	<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

</head>
<body>
<div id="slidebar">
	<div>
	    <a  href="javascript:;">
		    <img src="../images/person.png" id="headimage">
	    </a>
	</div>
	<div id="protect">
		<div class="file">
		    <a href="#">
			   <img src="../images/people.png" class="image">
			   <label class="word">个人信息</label>
			</a>
		</div>
		<div class="file">
		    <a href="#">
		        <img src="../images/star.png" class="image">
			    <label class="word">我的收藏</label>
		    </a>
		</div>
		<div class="file">
		    <a href="#">
		    	<img src="../images/share.png" class="image">
			    <label class="word">我的分享</label>
		    </a>
		</div>
		<div class="file">
		    <a href="#">
		    	<img src="../images/book.png" class="image">
			    <label class="word">我的图书</label>
		    </a>
			
		</div>
		<div class="file">
		    <a href="#">
		    	<img src="../images/package.png" class="image">
			    <label class="word">我的文件</label>
		    </a>
		</div>
		<div class="file" style="margin-bottom:230px;">
		    <a href="#">
		    	<img src="../images/me.png" class="image">
			    <label class="word">我的名片</label>
		    </a>
		</div>
	</div>
</div>
<script>
	$(document).ready(function(){
		$('#headimage').click(function(){
			responesToPhone(true)
		})
	})
	function responesToPhone(isSuccess){
		alert("运行了")
		window.webkit.messageHandlers.responesToPhone.postMessage(isSuccess);
	}
</script>
	
</body>
</html>